<template>
  <div id="right">
    <div class="search">
      <div class="left"></div>
      <div class="right"></div>
    </div>
    <el-table
      height="300"
      :data="data"
      stripe
      highlight-current-row
      border
      :header-cell-style="{backgroundColor:'#333744',color:'#fff'}"
    >
      <el-table-column fixed prop="hospitalName" label="医院名称" />
      <el-table-column prop="createCard" label="建卡数量" width="200" align="center" />
      <el-table-column prop="useCard" label="用卡数量" width="200" align="center"></el-table-column>

      <el-table-column label="操作" align="center" width="120">
        <template>
          <el-tag type="success" size="medium " @click="$router.push('/content')">点击查看</el-tag>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>
<script>
export default {
  name: "healthlist",
  data() {
    return {
      MobileNumber: "",
      UserName: "",
      PapersNumber: "",
      pageIndex: 1,
      dataCount: 0,
      data: [
        {
          hospitalName: "深圳益尚门诊部",
          createCard: "688",
          useCard: "788"
        },
        {
          hospitalName: "深圳远东妇儿科医院",
          createCard: "503",
          useCard: "589"
        },
        {
          hospitalName: "深圳市孙逸仙心血管医院",
          createCard: "1488",
          useCard: "1522"
        },
        {
          hospitalName: "深圳阳光医院",
          createCard: "1520",
          useCard: "711"
        },
        {
          hospitalName: "深圳博爱医院",
          createCard: "624",
          useCard: "742"
        },
          {
          hospitalName: "深圳市第五人民医院",
          createCard: "424",
          useCard: "642"
        }
      ]
    };
  },
  mounted() {},
  methods: {
    pageGo(index) {
      this.pageIndex = index;
      this.getList();
    }
  },
  components: {},
  watch: {},
  props: {},
  computed: {},
  //组件销毁事件
  destroyed() {}
};
</script>